vue 自定义marquee无缝滚动组件
今天介绍一下，上下，左右无缝滚动的公告栏信息组件的开发。首先上效果：看起来有点卡顿，实际上还是挺顺畅的。。。代码：左右滚动的组件：marqueeX<template> <div class="my-outbox"> <div class="my-inbox" ref='box'> <div class="my-list" v-for="(item,index) in sendVal" :key='index'> {{item.place...
2024-01-10
详解vue 自定义marquee无缝滚动组件
先上效果图：（1） 看起来可能有点卡顿，但是实际上页面上看起来挺顺畅的。（2） 思路就是获取每一个列表的宽度，设置定时器移动列表，当移动的距离达到一个列表的宽度的时候，把这个距离放到数组的最后。这样就能达成无缝循环滚动了。 大致的情况就是下面这样： 接下来就是代码的实...
2024-01-10JS实现无缝循环marquee滚动效果
无缝循环marquee滚动JS代码实现，兼容IE, FireFox, Chrome，供大家参考，具体内容如下首先是CSS和HTML如下: #marquee_zxd { border: 1px solid red; white-space: nowrap; overflow: hidden; width: 500px; padding-top: 5px; } #marquee_zxd img { height: 100px; }<!-- 横向一定要是span -->...
2024-01-10
剑与远征queen技能攻略 queen技能属性及强度详解
剑与远征queen技能怎么加？queen可爱小姐姐已经决定将在1月1日跟joker一起联动上线，该英雄强度控制属性效果，在战场上发挥出极大的作用哦，详细技能现在就分享给大家吧！剑与远征queen技能属性及强度一、技能介绍1、原地漂移：石唤琼安，并骑秉琼安高枣旋转制造核热龙卷风。对范围内的敌...
2024-01-10更改user.home系统属性
如何从Java程序外部更改user.home系统属性，使其认为它与D：\ Documents and Settings\％USERNAME％是不同的目录？通过环境变量还是VM参数？回答：设置VM参数应该起作用：java -Duser.home=<new_location> <your_program>这是一个测试案例：public class test { public static void main(String[] args) { System.out.println(System.getPr...
2024-01-10useBean类属性的值…无效
我想使用SaveProp写在包中的Java文件user。该类文件已放在中WEBINF/classes。下面是引起问题的两行。jsp:useBean id="user" class="user.SaveProp" scope="session"jsp:setProperty name="user" property="*"它抛出：The value for the useBean class attribute user.SaveProp is invalid我正在使用Tomcat 6.0。回答：您应该将文件...
2024-01-10
vue 拖拽缩放组件VueDragResize如何动态设置w、h属性
问题描述：动态修改 VueDragResize的 w、h属性失败，想点击div的时候将VueDragResize沾满整个屏幕。就像一个div宽高都是100px，点击时将宽高设置成100%，铺满整个屏幕，这样有bug代码如下：<template> <div id="app"> <div style="position: fixed;left: 0;top:0;" @click="hand...
2024-03-09在Selenium WebDriver中的属性中使用XPath通配符
我想在属性中使用通配符。例如，这是我的常规XPath：//input[@id='activation:j_idt84:voId:1']`我想j_idt用通配符替换数字，因为数字是动态的。我正在寻找这样的东西：//input[@id='activation:*:voId:1']我不知道该怎么解决。我的想法可能吗？回答：不幸的是，XPath中没有字符串通配符。但是，您可以使用多个conta...
2024-01-10
vue页面开发遇到的坑,都是泪!src属性，freemarker取值
总结下今天做的看图识别药材名的功能所遇到的问题以及解决措施。效果图如下 对应的连接 http://www.xinghengedu.com/getTenActivityQuestions.jspx 可以玩一玩。乐姐将设计图页面设计好交给我之后，就开始完成随机出题的功能。看上去挺简单，实现后也感觉凑合，但是开发中遇到的问题着实不少。一开始计...
2024-01-10useBean类属性的值…无效[重复]
：JasperException：useBean类属性的值无效 （6个答案）4年前关闭。我想使用SaveProp写在包中的Java文件user。该类文件已放在中WEBINF/classes。下面是引起问题的两行。jsp:useBean id="user" class="user.SaveProp" scope="session"jsp:setProperty name="user" property="*"它抛出：The value for the useBean class attribute user...
2024-01-10
Vue ref 属性在不同环境下的行为差异？
<span :="refApi">区域</span><span ref="ref1">位置</span><span :="{ ref: 'ref2' }">操作</span>const ref1 = ref();const ref2 = ref();const ref3 = ref();const refApi = { ref: 'ref3'};console.log(ref...
2024-03-02Vuer们 ，关于Vue中computed定义的计算属性 返回 一个函数的疑惑？
code<template> <div>computedPropA:{{ computedPropA("oup") }}</div> <el-button @click="handleClick">点击</el-button></template><script> //响应式属性 const beforeData = ref("") //计算属性 const co...
2024-03-13vue3如何动态修改css的@keyframes属性？
现在需要动态获取dom列表的高度，该列表是后台返回的数据，数据条数是不固定的。目前设置的动画效果是写死的高度，根据该高度做动画滚动，现在要把该高度改成动态的值。已经尝试过的方法：roll.value.styleSheets，发现该属性获取不到@keyframes回答：要动态修改CSS的@keyframes属性，可以使用Vue3提供的<style>标签以及CSSOM（CSS Object Mode...
2024-03-09
vue-quill-editor插入图片路径太长问题解决方法
最近做项目的时候有一个发布新闻的需求，新闻编辑的时候要求能发布带格式的文本内容和能展示支持图片。由于项目是用 Vue 开发的，所以找编辑器的时候选了 vue-quill-editor 。编辑器长如下的样子：现在的问题但是这个编辑器会把插入的图片会转成 base64 位的编码，使得编辑器内容保存进数据库的...
2024-01-10
vue实践---vue不依赖外部资源实现简单多语操作
vue使用多语，最常见的就是 vue-i18n, 但是如果开发中的多语很少，比如就不到10个多语，这样就没必要引入vue-i18n了， 引入了反正导致代码体积大了，这时候单纯用vue实现多语就是比较好的选择。第一步首先建立一个locales.js 存放多语语言包的内容，这里只写了 zh-CN, en这两种语言，其他还想新增的话 ...
2024-01-10
vue-router定义元信息meta操作
router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import Test from '../views/Test.vue'import NotFound from '../views/NotFound.vue'import TestChild from '../views/TestChild.vue'import AView from '../vi...
2024-01-10
Vue-router插件使用
Vue是单页面开发，即页面不刷新。 页面不刷新，而又要根据用户选择完成内容的更新该怎么做？Vue中采用锚点来完成。 如访问http://127.0.0.1#/index就是主页，而访问http://127.0.0.1#/home就是家目录。 手动分析url组成与处理视图的切换非常麻烦，所以Vue提供插件Vue-router，它能够根据用户...
2024-01-10
Vue关于使用vue-router控制视图渲染的问题。
环境：Vue2.0 + vue-router + element-ui + 新手,思路：想通过正则判断vue-router的$route.path来控制SideBar组件的渲染与否，具体代码如下：App.vue<template> <div id="app"> <div class="warper"> <div class="header"> <TopBar></TopBar> </div> <el-row><el-col :span="2" > ...
2024-01-10
vue-router如何更新路由信息
背景在 App.vue 文件中通过 addRoutes 动态添加路由。访问路由 /login，我发现 this.$route 返回的数据中，meta.a 却是 undefined。如果一秒后再次访问 this.$route，meta.a 为 1。这是为何？create() { const routes = [{ path: "login", name: "login", component: () => import(\'./login.vue), meta: { a: ...
2024-01-10
vue-resource 上传图片
const formData = new FormData()formData.append(\'file\',img,params.name);formData.append(\'id\',params.id);formData.append(\'name\',params.name);return new Promise((resolve,reject)=>{ Vue.http.post(uploadImg,formData).then(function(res){ resolve(res.bo...
2024-01-10
vue-cli3路由vue-router用法
安装npm install vue-router导入vue-router// main.js文件内// 导入vue-routerimport Vue from 'vue' // vue-router是以来vue的import VueRouter from 'vue-router' // 导入vue-router，注意import VueRouter 不能写成 import Vue-Router，因为不支持带-的写法。// 必须要通过 Vue.use() 明确地安装路由功能Vue.use(VueRoute...
2024-01-10
怎么排查 Vue-Router 渲染不出来的问题？
问题描述开发环境vue 3.3.4vue-router@4IDE: vs-code 1.80我尝试跟着 vue-router官方教程 做demo, router-link 渲染了, 但是 router-view 没有渲染. 页面和控制台又没报错。试了好多种方法，检查了关键字是否写错，都不行.请大家帮忙看看, thanks!文件列表main.jsimport { createApp } from '...
2024-02-07
vue基于better-scroll实现左右联动滑动页面
本文实例为大家分享了vue基于better-scroll实现左右联动滑动页面，供大家参考，具体内容如下界面如下：vue模板<template> <div class="goods"> <div class="menu-wrapper"> <ul> <li class="menu-item" v-for="(good, index) in goods" :key="index" :class="{current: currentIndex===index}" @click="clickMenuItem(i...
2024-01-10
vue 项目引入echarts 添加点击事件操作
main.js中import echarts from 'echarts'Vue.prototype.$echarts = echartsvue文件中_this.calendarChart=_this.$echarts.init(document.getElementById('earlyWarningCalendar'))_this.calendarChart.on('click',function (param) { console.log(param)}) _this.calendarChart...
2024-01-10
react16与react15之间的区别
项目中我一般用的还是react15的比较多，偶尔接触react16，目前使用的大多是生命周期的区别，16新增了几个生命周期。static getDerivedStateFromProps：用于代替componentReceiveProps。是个静态方法。父组件传入子组件的属性更新时，同步更新子组件state。B的a属性值是state，会变化新值和旧值不同时，返回新值更...
2024-01-10
where和having区别：
where和having区别：having只能用在group by之后，对分组后的结果进行筛选(即使用having的前提条件是分组)。where肯定在group by 之前，即也在having之前。where后的条件表达式里不允许使用聚合函数，而having可以。Where是一个约束声明，在查询数据库的结果返回之前对数据库中的查询条件进行约束，即在结果...
2024-01-10
使用Vue、React和Koa开发个人博客
前言实习了大半年，又临近毕业，一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中： - 后端管理使用Vue开发 - 前端页面使用React服务端渲染框架nextjs - 接口服务使用Koa2 + mongodb + mongoose（使用nodemailer当接口发生500时向我发送邮件通知）项目地址是点我访...
2024-01-10
【转】vue中动态设置meta标签和title标签
因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮，所有就需要手动设置meta标签，标题和内容//router内的设置{ path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', name...
2024-01-10详解从react转职到vue开发的项目准备
前言首先，为什么我需要做这个项目准备工作呢？因为常年习惯React开发的我，最近突然接手了一个Vue项目，而之前基本没有过Vue的实践，这么突兀让还在沉溺于React开发的我进行Vue开发，甚是不习惯，那自然我需要想办法让Vue开发尽量与React相似，这样大概让自己在开发过程中更得心应手吧。组件开...
2024-01-10
Vue页面切换和a链接的本质区别详解
Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过<Link to="path"></Link>实现跳转，这和传统的<a href="path" rel="external nofollow" ></a>何其相似！但它们到底有什么具体的区别呢？对比<a>，Link组件避免了不必要...
2024-01-10Vue之Watcher源码解析（1）
上一节最后再次调用了mount函数，我发现竟然跳到了7000多行的那个函数，之前我还说因为声明早了被覆盖，看来我错了！就是这个函数：// Line-7531 Vue$3.prototype.$mount = function(el, hydrating) { el = el && inBrowser ? query(el) : undefined; return mountComponent(this, el, hydrating) };第一步query就不用看了，el此时是一...
2024-01-10vue reactive 中的数据为什么不能等于另外一个？
const data = reactive({ name: {id: 1, title: 'AAAAA'}, new1: data.name, new2: JSON.parse(JSON.stringify(data.name))})data.name 和 JSON.parse(JSON.stringify(data.name)) 都不可以，为什么？只能在 reactiv...
2024-02-07
react/vue 组件设计方法/原则
网上看到了好多篇 react/vue 组件设计方法/原则 ，内容都是雷同（指不该相同而相同）。 我深恶痛绝，并深刻检讨自己，意识到普及互联网知识已经迫在眉睫，绝不容许有人浑水摸鱼。在短暂的失落和悲怆过后，这肩负振兴祖国互联网知识的重任，舍我其谁？ 我集百家之长于一身，取其精华去...
2024-01-10
